<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单练习</title>
		<link rel="stylesheet" href="css/bootstrap.min.css"/>
	</head>
	<body>
		<div class="container" style="width: 400px;">
			<h2>学生信息管理系统mis</h2>
			<div class="form-group">
				<label for="username">姓名：</label>
				<input type="text" name="username" id="username" 
				placeholder="请输入姓名..." class="form-control"/>
			</div>
			<div class="form-group">
				<label for="age">年龄：</label>
				<input type="number" name="age" id="age"  
				placeholder="请输入你的年龄..."  class="form-control"/>
			</div>
			<div calss="form-group">
				<label for="sex">性别(单选)：</label>
				<div class="radio-inline" >
				<input type="radio" name="sex"  id="sex" checked="checked"/>男
				</div>
				<div class="radio-inline">
				<input type="radio" name="sex"  id="sex" checked="checked"/>女
				</div>
			</div>
			<div class="form-group">
				<label for="hobby">爱好(多选)：</label>
				<div class="checkbox-inline">
				<input type="checkbox" name="hobby" id="hobby" />兵乓球
				</div>
				<div class="checkbox-inline">
				<input type="checkbox" name="hobby" id="hobby" />爬山
				</div>
				<div class="checkbox-inline">
				<input type="checkbox" name="hobby" id="hobby" />唱歌
				</div>
			</div>
			<div class="form-group">
				<label for="edu">学历（下拉框）：</label>
				<select name="edu" id="edu">
					<option value="1">幼儿园</option>
					<option value="2">小学</option>
					<option value="3">中学</option>
					<option value="4">高中</option>
					<option value="5" selected="selected">本科</option>
					<option value="6">研究生</option>
					<option value="7">博士</option>
				</select>
				
				<div class="form-group">
					<input class="btn btn-primary" type="button" name="submit" value="保存" />	
					<button class="btn btn-danger" name="button"">取消</button>	
				</div>
			</div>
		</div>
	</body>
</html>
